
<style type="text/css">
    .input-group-addon{padding: 15px 12px}
    .panel .panel-body{padding-top: 0px;}
    table.table thead > tr > th{background: #f9f9f9}
    #datatable_wrapper{padding-top: 0px;border-top: 0px;border:none;}

    table.table-bordered.dataTable{margin-top: 0px!important;border-left:1px solid #ddd;border-right:1px solid #ddd;}
    table.table thead > tr > th{
        border-bottom:none!important;
    }
   
    th, td { white-space: nowrap; }
    div.dataTables_wrapper {width: 100%;margin: 0 auto;}
    /*table.table thead > tr > th.opt{width: 204px!important;}*/
    .option_btn .btn_flow{margin-right: 0px;}
    /*.show_QRCode:hover img{width: 100px;height: 100px;}*/
    table.table thead > tr > th.avtivedes{width: 400px!important;}
    .table tbody > tr > td.avtivedes{white-space: normal!important;}

    .table>thead>tr>th.option_btn{padding: 0px 10px}

</style>
        <div class="page-title q-tit-change" style="margin:10px;"> 
            <a href="/drainage/index">引流游戏</a> > 拼团活动管理
        </div>
        <div class="row" style="margin: 0px;">
            <div class="col-md-12">
                <div class="panel panel-default">
                    <div class="panel-body">
                        <div class="search_input_cont">
                            <div class="search_litile_tit"><span class="tit_diswidth"></span>搜索条件</div>
                            <div class="search_condition overflow">
                                    <div class="input-group col-sm-3 m-b-10">
                                        <span class="input-group-addon">活动名称</span>
                                        <input type="text" id="example-input1-group1" name="example-input1-group1" class="form-control ActName" placeholder="请输入活动名称">
                                    </div>
                                   
                                    <div class="input-group col-sm-3 m-b-10 TimeCont">
                                        <span class="input-group-addon">活动时间:</span>
                                        <input type="text" id="StartTime" name="example-input1-group1" class="form-control StartTime" placeholder="请输入开始时间" readonly>
                                        <span class="input-group-addon">至</span>
                                        <input type="text" id="EndTime" name="example-input1-group1" class="form-control EndTime" placeholder="请输入结束时间" readonly>
                                    </div>
                                    <div class="input-group col-md-3 m-b-10">
                                        <span class="input-group-addon">是否开启</span>
                                        <select class="input-group-select form-control IsOpen">
                                            <option value="0" >--请选择--</option>
                                            <option value="true">是</option>
                                            <option value="false">否</option>
                                        </select>
                                    </div>
                                <div class="col-sm-3"></div>
                                <div class="col-sm-3"></div>
                                <div class="col-sm-3 search_condbtn">
                                    <button class="btn btn-primary m-r-10" type="button" id="btnSearch">
                                        <i class="fa fa-search"></i> 查  询
                                    </button>
                                    <button class="btn  btn-primary " type="reset" id="btnRefresh">
                                        <i class="fa fa-refresh"></i> 重  置
                                    </button>
                                </div>
                            </div>
                        </div>
                        <div class="row ">
                            <div class="overflow">
                                <div class="search_litile_tit fl" style="margin-left: 10px;"><span class="tit_diswidth"></span>拼团活动管理列表</div>
                            </div>
                            <div class="col-md-12 col-sm-12 col-xs-12">
                                <table id="datatable" class="table table-striped table-bordered dataTable display" cellspacing="0" width="3000">
                                    <thead>
                                        <tr>
                                            <th>序号</th>
                                            <th class="opt">操作</th>
                                            <th>活动封面图</th>
                                            <th>活动名称</th>
                                            <!-- <th class="avtivedes">活动描述</th> -->
                                            <!-- <th>游戏规则</th> -->
                                            <!-- <th>玩法介绍</th> -->

                                            <th>商品主图</th>
                                            <th>商品名称</th>
                                            <th>商品类型</th>
                                            <th>原始价格</th>
                                            <th>团购价格</th>

                                            <th>开团有效期</th>
                                            <th>拼团规模</th>
                                            <th>派送方式</th>
                                            <th>线下领取地址</th>
                                            <th>订单提醒电话</th>
                                            <th>活动咨询电话</th>

                                            <th>参与人数</th>
                                            <th>团数</th>
                                            <th>剩余名额</th>
                                            <th>支付次数</th>
                                            <th>退款次数</th>
                                            <th>支付总额</th>
                                            <th>退款总额</th>
                                            <th>分享数</th>
                                            <th>阅读数</th>
                                            <th>活动二维码</th>
                                            <th>是否开启</th>
                                            <th>开始时间</th>
                                            <th>结束时间</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <!-- <tr>
                                            <td>Tiger Nixon</td>
                                            <td>15861888931</td>
                                            <td>1586</td>
                                            <td>46823</td>
                                            <td>2011/04/25</td>
                                            <td class="option_btn">
                                                <div data-toggle="modal" data-target="#con-close-modal" style="display: inline-block;">
                                                  <span data-toggle="modal" data-target="#con-close-modal" class="btn_detial" data-id="12">查看</span>
                                                </div>
                                            </td>
                                        </tr> -->
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div> <!-- End Row -->
<link rel="stylesheet" type="text/css" href="/modules/assets/timepicker/bootstrap-timepicker.min.css">
<script src="/modules/assets/timepicker/bootstrap-timepicker.min.js"></script>
<script src="/modules/assets/timepicker/bootstrap-timepicker.min-zn.js"></script>

<script type="text/javascript">
    $(document).ready(function(){
        //初始化日期控件
        $("#StartTime").datetimepicker({
            language: 'zh-CN',
            format: "yyyy-mm-dd hh:ii",
            weekStart: 1,
            todayBtn: 1,
            autoclose: 1,
            todayHighlight: 1,
            startView: 2,
            forceParse: 0,
            showMeridian: 1
        });
        //初始化日期控件
        $("#EndTime").datetimepicker({
            language: 'zh-CN',
            format: "yyyy-mm-dd hh:ii",
            weekStart: 1,
            todayBtn: 1,
            autoclose: 1,
            todayHighlight: 1,
            startView: 2,
            forceParse: 0,
            showMeridian: 1
        });
        
    });
    seajs.use('drainage/group');
</script>